<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">


    <!--v-model

            v-bind:     绑定   作用：用来将html标签的属性进行绑定，交给vue实例管理除了value属性的所有属性
            v-model:    模型   作用：用来将HTML标签的value属性进行绑定，交给vue实例管理  最能体现双向绑定机制的一个指令


    -->
    <!--备忘录小功能
        1.v-model进行绑定
        2.添加一个点击方法
        3.数据保存在数组中
        4.根据下标删除数组中的数据
        5.总条数统计

    -->
    <input type="text" v-model="num"/>
    <h1>{{num}}</h1>

</div>
</body>
</html>

<script src="resource/vue.js"></script>

<script>


    new Vue({
        el:app,
        data: {
            num:""
        },
        methods:{

        },
    });





</script>